<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:t="http://myfaces.apache.org/tomahawk"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
    	<ui:composition template="./templates/framework.xhtml">
			<ui:define name="content">
				<ui:include src="./templates/header.xhtml">
					<ui:param name="text" value="#{i18n['join.head']}" />
				</ui:include>
				<h:form id="selectKeeBookForm" styleClass="primary">
					<input type="hidden" name="id" value="#{joinBean.shareRequest.exposableId}" />
					<p>
						<h:outputText value="#{i18n['join.text']}" /> <h:outputText value="#{joinBean.shareRequest.keeBook.name}" />
					</p>
					<p>
						<h:outputText value="#{i18n['join.passwordHint']}" />
					</p>
					<div class="buttons">
						<h:commandButton value="#{i18n['join.join']}" action="#{joinBean.join}" style="margin-left: 15px" />
						<h:commandButton value="#{i18n['join.dismiss']}" action="#{joinBean.dismiss}" styleClass="button" style="margin-left:3px" />
					</div>
				</h:form>
			</ui:define>
		</ui:composition>
    </h:body>
</html>